<template>
  <div>
    <Card>
      <Tabs :animated="false" v-model="nameV">
        <TabPane label="未失效" name="未失效">
          <invalid :payWayList=payWayList v-if="nameV == '未失效'"></invalid>
        </TabPane>
        <TabPane label="已失效" name="已失效">
          <disabled :payWayList=payWayList v-if="nameV == '已失效'"></disabled>
        </TabPane>
        <TabPane label="交办件" name="交办件">
          <assign v-if="nameV == '交办件'"></assign>
        </TabPane>
        <TabPane label="未计划" name="未计划">
          <noplanned :payWayList=payWayList v-if="nameV == '未计划'"></noplanned>
        </TabPane>
        <TabPane label="问题件" name="问题件">
          <problem v-if="nameV == '问题件'"></problem>
        </TabPane>
      </Tabs>
    </Card>
  </div>
</template>

<script>
import invalidContent from "./invalid";
import disabledContent from "./disabled";
import assignContent from "./assign";
import noplannedContent from "./noplanned";
import Problem from './problem.vue';
export default {
  components: {
    invalid:invalidContent,
    disabled: disabledContent,
    assign: assignContent,
    noplanned: noplannedContent,
    problem: Problem
  },
  data() {
    return {
      nameV: "未失效",
      payWayList:'',
    };
  },
  methods: {},
  mounted() {
    let type = sessionStorage.getItem("INSURANCE_TYPE2");
    if (type) {
      this.nameV = type;
    }else{
      this.nameV = '未失效'
    }
    //交费方式下拉
      let  obj1= {
        index: 1,
        initflag: 0,
        pageSize: 10,
        selecttag: 0, // 0是查全部
        selecttype: 0,
        premorder: 0,
        paytodateorder: 0
      };
      this.api.getWorkListForSupervisor(obj1).then((res)=>{
        console.log(res.data.basemap.payintvs,'交费方式');
        this.payWayList = res.data.basemap.payintvs
      })
  }
};
</script>
<style scoped lang="less">
</style>